<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>帮助中心</title>
    <link rel="stylesheet" href="../css/HelpPage.css">
    
</head>
<body>
    <div class="head">
        <p>帮助中心</p>
        <a href="problem.html">常见问题</a>
        <a href="loginPage.html">登录</a>
        <a href="#">新手指南</a>
        <a href="../index.html">首页</a>
    </div>
    <div class="search">
        <div class="infoDiv">
            <p>
                公告:
                关于“京豆如何获得、有效期”规则修订公开意见征集
                关于“京东全球售集运服务协议”规则修订公开意见征集
                关于“京东自营售后运费说明”规则修订公开意见征集
                关于“京东自营售后运费说明”规则修订公开意见征集
            </p>


            <div class="searchDiv">
                <input type="text" class="searchInput">
                <div class="searchBtn">
                  <p class="searchText">搜索</p>
                </div>
                <div class="buy"></div>
            </div>
        </div>
    </div>

    <div class="mainContent">
        <div class="serviceDiv">
        <div class="serviceDiv1">
        <p class="titleText">常用自助服务</p>
        <div class="service">
            <a href="#">
            <img src="../images/service1.png" alt="">
            <p>查询订单
                <font>快速查看订单详情、配送进度、确认收货等</font>
            </p>
            </a>
        </div>
        <div class="service">
                 <a href="#">
                    <img src="../images/service2.png" alt="">
                    <p>我要催单
                    <font>催发货、催配送、1小时快速答复</font>
                     </p>
                </a>
        </div>
        <div class="service">
            <a href="#">
                <img src="../images/service3.png" alt="">
                <p>配送服务查询
                <font>查看您所在地址支持的配送服务类型和时效</font>
                 </p>
            </a>
        </div>
        <div class="service">
            <a href="#">
                <img src="../images/service4.png" alt="">
                <p>我的发票
                <font>申请发票补开、直询发票类型开具详情</font>
                 </p>
            </a>
        </div>
       </div>
       <div class="serviceDiv2">
        <div class="service">
            <a href="#">
                <img src="../images/service5.png" alt="">
                <p>申请售后
                <font>快速提交退换货/维修申请查看处理进度、退款记录</font>
                 </p>
            </a>
        </div>
        <div class="service">
            <a href="#">
                <img src="../images/service6.png" alt="">
                <p>申请价格保护
                <font>申请价格保护（差价返还）、查询价保记录</font>
                 </p>
            </a>
        </div>
        <div class="service">
            <a href="#">
                <img src="../images/service6.png" alt="">
                <p>取消订单
                <font>申请取消订单、终止发货</font>
                 </p>
            </a>
        </div>
        <div class="service">
            <a href="#">
                <img src="../images/service6.png" alt="">
                <p>账户安全
                <font>修改密码、绑定换绑手机、提高账户安全等</font>
                 </p>
            </a>
        </div>
      </div>
        </div>
        <div class="trouble">
            <p class="titleText">热点问题</p>
            <a href="#">金融问题</a>
            <a href="#">售后服务</a>
            <a href="#">配送查询</a>
            <a href="#">订单咨询</a>
            <a href="#">财务问题</a>
            <a href="#">账户信息</a>
        </div>
        <div class="contact">
            <p class="titleText">联系我们</p>
            <a href="#">
               <img src="../images/contact.png" alt="">
             </a>
             <div class="contactDiv">
                 <div>
                     <p>电话客服
                         <font>预约客服，主动回电</font>
                     </p>
                     <div></div>
                 </div>
                 <div>
                     <p>在线客服
                         <font>在线解答您的咨询，高效、便捷</font>
                     </p>
                     <div></div>
                 </div>
                 <div>
                     <p>提建议
                         <font>对帮助中心提建议|邮件留言</font>
                     </p>
                     <div></div>
                 </div>
             </div>
        </div>
        <a class="ad" href="#">
            <p>广告</p>
        </a>
   </div>
   <div class="tail">
    <a href="#">关于我们</a>
    <a href="#">联系我们</a>
    <a href="#">联系客服</a>
    <a href="#">合作招商</a>
  </div>
 
</body>
</html>